<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>华猫首页</title>
<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
<link rel="stylesheet" type="text/css" href="../../css/base.css" />
<link rel="stylesheet" type="text/css" href="../../css/aui-slide.css" />
<link rel="stylesheet" type="text/css" href="../orderSet/css/indexShop.css" />
<link rel="stylesheet" type="text/css" href="./css/classify.css">
</head>
<body>
	<header class="aui-bar aui-bar-nav">
    <a class="aui-pull-left aui-btn">
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">商品分类</div>

</header>


<section class="app">
	<div class="classify">
			<div class="all-pro clearf">
				<div class="aui-pull-left font-black">全部商品</div>
				<span class="aui-pull-right aui-font-size-14">查看全部<span class="aui-iconfont aui-icon-right"> </span></span>

			</div>
		<div class="feilei" v-for=" c in categoryArr">
			<div class="all-pro clearf">
				<div class="aui-pull-left font-black">{{c.catName}}</div>
				<span class="aui-pull-right aui-font-size-14">查看全部</span>

			</div>
			<div class="product-list2 clearf product-list3" >

				<div class="f class-pro" v-for="o in c.secondColumn">
					{{o.catName}}

				</div>


			</div>
		</div>



	</div>

</section>

<script src="../../js/api.js"></script>
<script src="../../js/aui-slide.js"></script>
<script src="../../js/vue.min.js"></script>
    <script src="../../js/common.js"></script>
<script src="../../js/vue-resource.min.js"></script>
<!--<script src="../../js/flexible.min.js"></script>-->

<script>
	new Vue({
		el:'.app',
		data:{
			categoryArr:[]
		},
		mounted:function(){
		    this.$nextTick(function () {
				this.categoryView()
            })
		},
		methods:{
			categoryView:function () {
                this.$http.get(SURL+'app/Goods/categoryShop',{params:{shopId:getUrlParam('shopId')}}).then(function (res) {
                    //console.log(res)
                    if(res.body.status==1){
                        this.categoryArr=res.body.data;
                        console.log(this.categoryArr)
                    }

                })
            }
		}
	})
</script>
</body>
</html>